<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/bootstrap.css">
    <script type="text/javascript" src="../../../public/javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/bootstrap.js"></script>

    <style>
        #examappr-title h2{
            padding-top: 30px;
        }
        #user-name-detail{
            padding: 7px;
        }
        #action-name-detail{
            padding: 7px;
        }
        #submit-agree{
            width:110px;
        }

        #submit-refuse{
            width:110px;
        }

        #form-div{
            padding-top: 30px;
        }
        #examappr-head{
            font-size: 25px;
        }
    </style>

    <script type="text/javascript" >
        $(document).ready(function(){
            $("#top").load("../top.html");
            $("#left").load("../left.html");
//            $("#bottom").load("../bottom.html");
//            $("#right").load("");
        });
    </script>
</head>
<body background="../images/whiteBg.png" >
<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-1">
        </div>
        <div id="left" class="col-md-2">

        </div>
        <div class="col-md-8" id="right">
            <div class="bodyDiv" >
                <div id="examappr-body">


                    <div class="row">







                        <div id="form-div" >
                            <div id="examappr-head">
                                <span class="control-label" style="font-family: 'Arial Negreta', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #333333;
    text-align: left;
    line-height: normal;
    width: 50px;
    padding-left: 15px;">&nbsp;&nbsp;
                                    活动申请审批详情</span>
                            </div>
                            <br/>
                            <br/>
                            <div class="form-horizontal" role="form" >
                                <div class="form-group">
                                    <label id="action-name" class="col-sm-2 control-label ">
                                        活 动 名 称
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control"
                                               value="篮球" disabled>
                                    </div>
                                    <div class="col-sm-6">
                                        <p id="action-name-detail"><a href="#">查看活动详情</a></p>
                                    </div>

                                </div>

                                <div class="form-group">
                                    <label  id="user-name" class="col-sm-2 control-label ">
                                        客 户 名 称
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control"
                                               value="张三" disabled>
                                    </div>
                                    <div class="col-sm-6">
                                        <p id="user-name-detail"><a href="#">查看客户详细信息</a></p>
                                    </div>

                                </div>

                                <div class="form-group">
                                    <label   id="action-time" class="col-sm-2 control-label ">
                                        报名/申请时间
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control"
                                               value="2015.08.24" disabled>
                                    </div>
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-4"></div>
                                </div>

                                <div class="form-group">
                                    <label   id="refuse" class="col-sm-2 control-label ">
                                        拒 绝 理 由
                                    </label>
                                    <div class="col-sm-4 ">
                                        <textarea class="form-control" rows="5"
                                                  placeholder="请输入名字"></textarea>
                                    </div>
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-4"></div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-1"></div>
                                    <button  class="btn btn-default col-sm-2" id="submit-agree">同意/通过</button>
                                    <div class="col-sm-2"></div>
                                    <button  class="btn btn-default col-sm-2" id="submit-refuse">拒绝</button>
                                </div>
                            </div>






                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--内容-->
        </div>
        <div class="col-md-1">
        </div>
    </div>
</div>
<!--<div id="bottom"></div>-->
</body>
</html>